<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>购物车</title>
    <link rel="stylesheet" href="../css/reset.css" />
    <link rel="stylesheet" href="../css/mycart.css" />
    <script src="../js/api.js"></script>
    <script src="../js/axios.min.js"></script>
  </head>
  <body>
    <div class="site-header">
      <div class="container banxin">
        <div class="header-logo">
          <a href="../html/index.html">
            <img src="../img/logoxm.png" alt="" />
          </a>
        </div>
        <div class="header-title">
          <h2>我的购物车</h2>
          <p>温馨提示：产品是否购买成功，以最终下单为准哦，请尽快结算</p>
        </div>
        <div class="zcdl">
          <a href="./logoin.html">登陆</a>
          <span>|</span>
          <a href="./register.html">注册</a>
        </div>
      </div>
    </div>
    <div class="mi-cart">
      <div class="container banxin">
        <div class="cart-container">
          <div class="cart-list">
            <div class="list-header clean">
              <div class="col-check">
                <input type="checkbox" name="" id="all-sel" />全选
              </div>
              <div class="col-img"><img src="" /></div>
              <div class="col-name">商品名称</div>
              <div class="col-price">单价</div>
              <div class="col-num">数量</div>
              <div class="col-total">小计</div>
              <div class="col-action">操作</div>
            </div>
            <div class="list-body clean">
              <!-- <div class="item-box">
                    <div class="col-check"><input type="checkbox" class="single-sel" ${pObj.checked ? 'checked' : ''}>全选</div>
                    <div class="col-img"><img src="${pObj.pimg}"></div>
                    <div class="col-name">${pObj.pname}</div>
                    <div class="col-price">${pObj.pprice}</div>
                    <div class="col-num">
                    <div class="list-num">
                    <input type="button" class="sub-btn" data-pid="${pObj.pid}" value="-">
                    <input type="text" class="num-ipt" data-pid="${pObj.pid}" value="${pObj.pnum}">
                    <input type="button" class="add-btn" data-pid="${pObj.pid}" value="+">
                    </div>
                    </div>
                    <div class="col-total">${pObj.pnum * pObj.pprice}</div>
                    <div class="col-action"><a href="#" class="del-btn" data-pid="${pObj.pid}">x</a></div>
                    </div> -->
            </div>
          </div>
        </div>
      </div>
      <!-- <div class="cart-bar banxin">
        <p>合计:<span id="all-count-span"></span></p>
        <a href="#" class="btn-primary">去结算</a>
      </div> -->
    </div>
    <div class="cart-bar banxin">
      <p>合计:<span id="all-count-span">0</span>元</p>
      <a href="#" class="btn-primary">去结算</a>
    </div>
    <script src="../js/mycart.js"></script>
  </body>
</html>
